.rock-animation {
  animation: move 1s 0s ease-in forwards;
  -webkit-animation: move 1s 0s ease-in forwards;
  transform-origin: bottom;
  -webkit-transform-origin: bottom;
}

@keyframes move {
  0%,
  10% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  20% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }

  30% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }

  40% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }

  50% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }

  60% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }

  70% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }

  80% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }

  90% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes move {

  0%,
  10% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  20% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }

  30% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }

  40% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }

  50% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }

  60% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }

  70% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }

  80% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }

  90% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}